/* 侧边栏深蓝色主题样式 - 转炉终点预测系统 */

/* 侧边栏主题颜色变量 */
:root {
    --sidebar-bg-start: #0a2e5c;
    --sidebar-bg-end: #0d47a1;
    --sidebar-text: #ecf0f1;
    --sidebar-text-muted: rgba(255, 255, 255, 0.5);
    --sidebar-hover: rgba(255, 255, 255, 0.1);
    --sidebar-active: rgba(255, 255, 255, 0.15);
    --sidebar-active-special: rgba(66, 165, 245, 0.2);
    --sidebar-border: rgba(255, 255, 255, 0.1);
    --sidebar-icon-bg: rgba(255, 255, 255, 0.1);
}

/* 侧边栏基础样式 */
.sidebar {
    background: linear-gradient(to bottom, var(--sidebar-bg-start), var(--sidebar-bg-end));
    color: var(--sidebar-text);
}

.sidebar-header {
    border-bottom: 1px solid var(--sidebar-border);
}

.sidebar-logo {
    background: var(--sidebar-icon-bg);
}

.sidebar-menu-title {
    color: var(--sidebar-text-muted);
}

.sidebar-menu ul li a {
    color: rgba(255, 255, 255, 0.7);
}

.sidebar-menu ul li a:hover {
    background-color: var(--sidebar-hover);
    color: #fff;
}

.sidebar-menu ul li a.active {
    background-color: var(--sidebar-active);
    color: #fff;
    font-weight: 600;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* 特定菜单项样式 */
.sidebar-menu ul li a[href="qd-display.html"].active,
.sidebar-menu ul li a[href="model-performance.html"].active,
.sidebar-menu ul li a[href="model-update.html"].active {
    background-color: var(--sidebar-active-special);
    border-left: 3px solid #fff;
}

.sidebar-footer {
    border-top: 1px solid var(--sidebar-border);
    color: var(--sidebar-text-muted);
}

/* 响应式调整 */
@media (max-width: 768px) {
    .sidebar {
        background: linear-gradient(to right, var(--sidebar-bg-start), var(--sidebar-bg-end));
    }
} 